﻿<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
	<title>分类</title>
	<link href="<?php echo TEMPLATE_SITE_URL;?>/css/common.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        * {
            outline: none;
            -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
            vertical-align: baseline;
            font-style: normal;
        }

        body {
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-family: Microsoft Yahei, Arial, Simsun, Helvetica, Segoe UI, sans-serif;
            color: #404040;
        }

        img {
            border: 0
        }

        ul, ol, li, dt, dl, dd {
            text-decoration: none;
            list-style: none;
            vertical-align: middle;
            margin: 0;
            padding: 0;
        }

        a,
        a:visited {
            color: #373737;
            text-decoration: none;
        }

        .blank {
            width: 100%;
            height: 20px;
        }
		 .blank {
            width: 100%;
            height: 20px;
        }

        .clear, .space {overflow: hidden; height: 0px; line-height: 0px; background: none; border: none; padding: 0; margin: 0;}
        .clear {clear: both;}
        .userinfoMain {
            width: 100%;
            background-color: #FFF;
			border-radius:6px;
            display: table;
			margin:15px 0px;
			margin-bottom:80px;
        }
		.sortDiv {}
		.sortMenu {width:25%;background:#f8f8f8;height:100%;min-height:600px;position:fixed;top:0px;left:0px;}
		.sortMenu ul li {text-align:center;}
		.sortMenu ul li a {height:40px;line-height:40px;display:block;}
		.sortMenu ul li .on {color:#ec454c;background:#fff;}
		.sortContent {width:75%;margin-left:25%;}
		.sortContentDiv {padding:0px 15px;min-height:600px;}
		.sortContentDiv h2,.sortColumeBottom h2 {font-weight:100;font-size:1.2em;}
		.sortColumeTop {border-bottom:#f4f4f4 1px solid;height:125px;}
		.sortColumeTop dl {position:relative;zoom:1;margin-right:-15px;}
		.sortColumeTop dl dd {width:70px;height:70px;text-align:center;margin-right:5%;background:#f4f4f4;float:left;} 
		.sortColumeTop dl dd img {margin-top:13px;}
		.sortColumeTop dl dd p {margin-top:8px;}
		.sortColumeBottom dl {position:relative;zoom:1;margin-right:-15px;padding-top:10px;}
		.sortColumeBottom dl dd {width:70px;height:120px;text-align:center;margin-right:5%;float:left;}
		.sortColumeBottom dl dd p {margin-top:6px;}
		#tab_con li {display:none;}
		#tab_con #tab_con_1 {display:block;}
		.footer {color:#858585;text-align:center;clear:both;}
		.footer span {color:#e8ba99;}
    </style>
</head>

<body>
    <div id="contentbox">
        <div class="sortDiv">
           <div class="sortMenu">
              <ul>
                 <li><a href="javascript:;" class="on" id="tab_1" onclick="switchTab(1)">推荐分类</a></li>
                 <?php if(!empty($output['listparent'])){?>
                 <?php $ii = 2;?>
                 <?php foreach($output['listparent'] as $vv){?>
                 <li><a href="javascript:;" id="tab_<?php echo $ii;?>" onclick="switchTab(<?php echo $ii;?>)"><?php echo $vv['categoryname'];?></a></li>
                 <?php $ii++;?>
                 <?php }?>
                 <?php }?>
              </ul>
           </div>
           <div class="sortContent">
              <div class="sortContentDiv">
                 <ul id="tab_con">
                     <li id="tab_con_1">
                     <div class="sortColumeTop">
                        <h2>热门频道</h2>
                        <dl>
                          <a href="index.php?act=jingxuan"><dd><img src="<?php echo TEMPLATE_SITE_URL;?>/images/sort01.png" width="25" height="25"><p>精选拍品</p></dd></a>
                          <a href="index.php?act=jingxuan&op=recommendstore"><dd><img src="<?php echo TEMPLATE_SITE_URL;?>/images/sort02.png" width="25" height="25"><p>推荐商家</p></dd></a>

                        </dl>
                     </div>
                      <div class="sortColumeBottom">
                        <h2>热门分类</h2>
                        <dl style="padding-top:0px">
                          <?php if(!empty($output['recommendcategory'])){?>
                          <?php foreach($output['recommendcategory'] as $recommend){?>
                          <a href="index.php?act=category&op=categorylist&cate_1=<?php echo $recommend['id'];?>">
                          	<dd>
                          		<img src="<?php echo BASE_SITE_URL.'/data/upload/shop/class/'.$recommend['categoryimage'];?>" width="75" height="75"><p><?php echo $recommend['categoryname'];?></p>
                          	</dd>
                          </a>
                          <?php }?>
                          <?php }?>
                       </dl>
                     </div>
                    </li>

                 	<?php if(!empty($output['listparent'])){?>
                 	<?php $iii = 2;?>
                 	<?php foreach($output['listparent'] as $vvv){?>
                    <li  id="tab_con_<?php echo $iii;?>">
                       <div class="sortColumeBottom">
                        <dl>
                          <a href="index.php?act=category&op=categorylist&cate_0=<?php echo $vvv['id'];?>"><dd><img src="<?php echo BASE_SITE_URL.'/data/upload/shop/class/'.$vvv['categoryimage'];?>" width="75" height="75"><p><?php echo $vvv['categoryname']?></p></dd></a>
                          <?php if(!empty($vvv['son'])){?>
                          <?php foreach($vvv['son'] as $son){?>
                          <a href="index.php?act=category&op=categorylist&cate_1=<?php echo $son['id'];?>"><dd><img src="<?php echo BASE_SITE_URL.'/data/upload/shop/class/'.$son['categoryimage'];?>" width="75" height="75"><p><?php echo $son['categoryname']?></p></dd></a>
                          <?php }?>
                          <?php }?>
                       </dl>
                     </div>
                    </li>
                    <?php $iii++;?>
                    <?php }?>
                    <?php }?>
                 </ul>
             </div>
           </div>
        <script type="text/javascript">
        function switchTab(n){
            for(var i = 1; i <= 8; i++){
                document.getElementById("tab_" + i).className = "";
                document.getElementById("tab_con_" + i).style.display = "none";
            }
            document.getElementById("tab_" + n).className = "on";
            document.getElementById("tab_con_" + n).style.display = "block";
        }
        </script>
        </div>
    </div>  
    
<?php include template('home/nav');?>    
</body>
</html>